<template>
  <div class="middle-box text-center loginscreen animated fadeInDown">
    <div>
      <h1 class="logo-name">代理商登录</h1>
    </div>

    <sn-form class="m-t-20" :model="params" ref="form" :rules="rules">
      <sn-form-item prop="user_phone">
        <sn-input
          v-model="params.user_phone"
          placeholder="手机号"
          size="meduim"
        ></sn-input>
      </sn-form-item>
      <sn-form-item prop="password">
        <sn-input
          type="password"
          v-model="params.password"
          placeholder="密码"
          size="meduim"
        ></sn-input>
      </sn-form-item>
    </sn-form>
    <button
      type="submit"
      class="m-t-20 btn btn-primary full-width m-b"
      @click="handleSubmit"
    >
      登录
    </button>
    <p class="m-t">
      <small>Inspinia we app framework base on 共享玩 © 2021</small>
    </p>
  </div>
</template>

<script>
import data from "./data";
import rules from "./rules";
import methods from "./methods";
export default {
  name: "Login",
  mixins: [data, rules, methods],
};
</script>